<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="ThemeBucket">
    <link rel="shortcut icon" href="#" type="image/png">
    
    <title>Dynamic Table</title>
    
    <!--dynamic table-->
    <link href="/public/js/advanced-datatable/css/demo_page.css" rel="stylesheet" />
    <link href="/public/js/advanced-datatable/css/demo_table.css" rel="stylesheet" />
    <link rel="stylesheet" href="/public/js/data-tables/DT_bootstrap.css" />
    <?php $this->load->view('library/header');?>
</head>

<body class="sticky-header">

<section>
    
    <?php $this->load->view('library/left');?>
    
    <!-- main content start-->
    <div class="main-content" >
        
        <?php $this->load->view('library/top');?>
        
        <!-- page heading start-->
        <div class="page-heading">
            <h3>站点列表</h3>
        </div>
        <!-- page heading end-->
        
        <!--body wrapper start-->
        <div class="wrapper">
            <div class="row">
                <div class="col-sm-12">
                    <?php $this->load->view('library/search');?>
                    <section class="panel">
                        <div class="panel-body">
                            
                            <div class="adv-table">
                                <table  class="display table table-bordered table-striped" id="dynamic-table">
                                    <thead>
                                    <tr>
                                        <th width="10%">sku图片</th>
                                        <th width="6%" class="hidden-phone">sku</th>
                                        <th width="6%" class="hidden-phone">颜色</th>
                                        <th width="6%" class="hidden-phone">尺码</th>
                                        <th width="6%" class="hidden-phone">采购颜色</th>
                                        <th width="6%" class="hidden-phone">采购尺码</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <?php if($sku_list){ ?>
                                        <?php foreach ($sku_list as $item): ?>
                                            <tr class="gradeX">
                                                <td><img style="width: 40%;" src="<?php echo $item['album_url'];?>" alt=""></td>
                                                <td><?php echo $item['sku_sn'];?></td>
                                                <td class="center hidden-phone"><?php echo $item['color'];?></td>
                                                <td class="center hidden-phone"><?php echo $item['size'];?></td>
                                                <td class="center hidden-phone"><?php echo $item['ali_color'];?></td>
                                                <td class="center hidden-phone"><?php echo $item['ali_size'];?></td>
                                            </tr>
                                        <?php endforeach;?>
                                    <?php } ?>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
        </div>
        <!--body wrapper end-->
        
        <!--footer section start-->
        <footer>
            2014 &copy; AdminEx by
        </footer>
        <!--footer section end-->
    
    
    </div>
    <!-- main content end-->
</section>

<?php $this->load->view('library/footer');?>

<!--dynamic table
<script type="text/javascript" language="javascript" src="/public/js/advanced-datatable/js/jquery.dataTables.js"></script>
<script type="text/javascript" src="/public/js/data-tables/DT_bootstrap.js"></script>-->
<!--dynamic table initialization
<script src="/public/js/dynamic_table_init.js"></script>-->

<!--common scripts for all pages-->
<script src="/public/js/scripts.js"></script>

</body>
</html>
